import './assets/rem.js'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/assets/reset.css'

import { 
    Button, 
    Tab, 
    Tabs, 
    Swipe, 
    SwipeItem,
    Grid, 
    GridItem, 
    CountDown, 
    Col, 
    Row, 
    Tabbar, 
    TabbarItem,
    Sidebar, 
    SidebarItem,
    ActionSheet,
    Stepper,
    Area,
    Icon,
    ActionBar, 
    ActionBarIcon, 
    ActionBarButton,
    Rate,
    Checkbox, 
    CheckboxGroup,
    Switch,
    Form, 
    Field, 
    CellGroup,
    Dialog,
    AddressEdit,
    Uploader 
} from 'vant';

const app = createApp(App);
app.use(Button);
app.use(Tab);
app.use(Tabs);
app.use(Swipe);
app.use(SwipeItem);
app.use(Grid);
app.use(GridItem);
app.use(CountDown);
app.use(Col);
app.use(Row);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Sidebar);
app.use(SidebarItem);
app.use(ActionSheet);
app.use(Stepper);
app.use(Area);
app.use(Icon);
app.use(ActionBar);
app.use(ActionBarIcon);
app.use(ActionBarButton);
app.use(Rate);
app.use(Checkbox);
app.use(CheckboxGroup);
app.use(Switch);
app.use(Form);
app.use(Field);
app.use(CellGroup);
app.use(Dialog);
app.use(AddressEdit);
app.use(Uploader);

app.use(store)
app.use(router)
app.mount('#app')
